<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>QMIS登录页</title>
    <!-- 页面 css 文件 -->
    <link rel="stylesheet" href="themes/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="themes/easyui/easyui.css">
    <link rel="stylesheet" href="css/reseat.css">
    <link rel="stylesheet" href="css/logOnMod.css">

    <!-- 页面 js 文件 -->
    <script src="themes/bootstrap/js/jquery-1.9.1.min.js"></script>
    <script src="themes/bootstrap/js/bootstrap.min.js"></script>
    <script src="themes/easyui/jquery.easyui.min.js"></script>

    <!-- 树 -->
    <script src="./js/logOnMod.js"></script>

</head>
<body>
<!--页面外层整体 -->
<div class="supervisionMod">
    <!-- 页面整体 -->
    <div class="mod-new-reg-bg"></div>
    <!-- logo区域 -->
    <div class="mod-new-reg-logo">中国船舶集团有限公司第七〇七研究所</div>
    <!-- 信息区域 -->
    <div class="information">中国船舶集团有限公司第七〇七研究所123.com</div>
    <!-- 整体框 -->
    <div class="contentMod clearfix">
        <!-- 切换区域 -->
        <div class="guideLogin">
            <div class="guideName checkNode">登录</div><div class="guideName">注册</div>
        </div>
        <!-- 信息主体 -->
        <div class="guideAllMod">
            <!-- 登录模块 -->
            <div class="loggerMod">
                <form id="loginForm">
                    <div class="form-group loginMod">
                        <label for="username">用户名:</label>
                        <input type="text" id="username2" name="username2" placeholder="请输入用户名" required>
                        <span class="error" id="username2Error">请输入正确用户名</span>
                    </div>
                    <div class="form-group loginMod">
                        <label for="password">密码:</label>
                        <input type="password" id="password2" name="password2" placeholder="请输入密码" required>
                        <span class="error" id="password2Error">请输入正确密码</span>
                    </div>
                    <div class="loginBtnMod">
                        <!-- <div class="forgetLogin">忘记密码？</div> -->
                        <button class="loginInBtn" type="submit">登录</button>
                    </div>
                </form>
            </div>                                                 
            <!-- 注册模块 -->
            <div class="registerMod" style="display: none;">
                <form id="registrationForm">
                    <!-- 单位名称 -->
                     <div class="form-group registMod">
                        <label for="unitname">单位名称:</label>
                        <input type="text" id="unitname" name="unitname" placeholder="请输入单位名称" required>
                        <span class="error" id="unitnameError">单位名称不能为空（3-20位字母数字）</span>
                    </div>
                     <!-- 用户名 -->
                    <div class="form-group registMod">
                        <label for="username">用户名:</label>
                        <input type="text" id="username" name="username" placeholder="请设置用户名" required>
                        <span class="error" id="usernameError">用户名不能为空（3-20位字母数字）</span>
                    </div>
                    <div class="form-group registMod">
                        <label for="mobile">手机号:</label>
                        <input type="tel" id="mobile" name="mobile" placeholder="请输入手机号" required>
                        <span class="error" id="mobileError">请输入有效手机号</span>
                    </div>
                    <!-- <div class="form-group">
                        <label for="email">电子邮箱：</label>
                        <input type="email" id="email" name="email" placeholder="请输入邮箱"  required>
                        <div class="error" id="emailError">请输入有效的邮箱地址</div>
                    </div> -->
                    <div class="form-group registMod">
                        <label for="password">密码:</label>
                        <input type="password" id="password" name="password" placeholder="请设置登录密码" required>
                        <span class="error" id="passwordError">密码不能少于6位</span>
                    </div>
                    <div class="form-group registMod">
                        <label for="confirmPassword">确认密码:</label>
                        <input type="password" id="confirmPassword" name="confirmPassword" placeholder="请再次设置密码" required>
                        <span class="error" id="confirmPasswordError">两次密码输入不一致</span>
                    </div>
                    <!-- <div class="form-group registMod">
                        <label for="captcha">验证码:</label>
                        <input class="captchaInput" type="text" id="captcha" name="captcha" placeholder="请输入验证码" required>
                        <button class="captchaBtn" type="button" id="generateCaptcha">获取验证码</button>
                    </div> -->
                    
                    <div class="registerBtnMod">
                        <button class="registerBtn" type="submit">注册</button>
                        <!-- <div class="registerMessage" id="message"></div>  -->
                    </div>
                    
                </form>
            </div>
        </div>
    </div>
</div>



</body>

</html>